*{
    margin: 0px;
    padding: 0px;
}
#box {
    width: 100%;
    margin: 0 auto;
}

.headNav {
    width: 100%;
    background-color: #f7f7f7;
    height: 30px;
}

.headNavRbox {
    float: right;
    line-height: 30px;
    width: 630px;
}

.headNavRbox a {
    text-decoration: none;
    color: black;
    font-size: 12px;
    border-right: solid 1px #000;
    font-weight: bold;
    padding: 0px 15px;
}

.headNavRbox a:last-child {
    border: none;
}

.gnb_nav {
    margin: 0 auto;
    height: 80px;
    width: 100%;
    line-height: 80px;
    background-color: #fff;
    position: relative;
}

.gnb_nav_float {
    float: left;
}

.gnb_nav_img img {
    margin-left: 50px;
    width: 95px;
    height: 15px;
}

.gnb_nav_center,
.gnb_nav_righ {
    margin-left: 60px;
    font-weight: bolder;
    font-size: 14px;
    cursor: pointer;
    position: relative;
}

.gnb_nav_center li {
    margin-right: 8px;
    padding: 5px 12px;
    list-style: none;
    border-radius: 15px;
}

.gnb_nav_center li,
.gnb_nav_righ li {
    display: inline;
}

.gnb_nav_righ {
    float: right;
    margin-right: 75px;
    position: relative;
}

.gnb_nav_righ input {
    width: 220px;
    height: 30px;
    vertical-align: middle;
    padding-left: 10px;
    border-radius: 20px;
    border: solid 1px #cacaca;
    margin-right: 13px;
    outline-color: #1890ff;
}

.icon-gouwuche {
    font-size: 23px;
    vertical-align: middle;
    font-weight: bolder;
    margin-right: 20px;
}

.dosearch {
    display: inline;
    position: relative;
}

.dosearch img {
    width: 18px;
    height: 18px;
    position: absolute;
    left: -45px;
    margin-top: 33px;
}

#show {
    width: 100%;
    height:0px;
    background-color: #fff;
    position: absolute;
    top:70px;
    left: 0px;
    display: block;
    padding: 0 60px 0 50px;
    box-sizing: border-box;
    transition-duration: 0.4s;
    overflow: hidden;
    z-index: 99;
}

#zzc {
    width: 100%;
    height: 100%;
    position: fixed;
    display: none;
    z-index: 50;
    left: 0px;
    top: 110px;
    background-color: rgba(0, 0, 0, 0.3);
}

#show_conten_header h1 {
    display: inline;
}

#show span#cancelshow {
    float: right;
    cursor: pointer;
    font-size: 40px;
}

.show_nav_conten {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.showNavone {
    width: 280px;
    float: left;
}

.showNavtwo {
    width: 320px;
    height: 100%;
    padding-left: 80px;
    float: left;
}

.showNavtwoson {
    width: 100%;
    display: none;
    animation: bounceInLeft 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.showNavthree {
    width: 400px;
    float: left;
    padding-left: 70px;
    padding-bottom: 20px;
    line-height: 36px;
    border-left: solid 2px #cacaca;
    box-sizing: border-box;
}

.showNavone li,
.showNavtwo li {
    list-style: none;
    font-size: 18px;
    height: 53px;
    line-height: 53px;
    cursor: pointer;
}

.showNavone li span img {
    float: right;
    width: 20px;
    height: 20px;
    line-height: 20px;
    padding-top: 13px;
    display: none;
    animation: bounceInLeft 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100px, 0, 0);
    }

    100% {
        transform: translate3d(0px, 0, 0);
    }
}

.showNavtwo li:hover {
    font-weight: bold;
}

.showNavtwo li span {
    font-weight: 100;
    font-size: 12px;
    background-color: #0381fe;
    border-radius: 100%;
    color: #fff;
    padding: 1px 2px;
    vertical-align: top;
    margin-left: 5px;
}

#advertisebox {
    border-radius: 10px;
    cursor: pointer;
    width: 330px;
    height: 330px;
    overflow: hidden;
}

.showNavthree img {
    width: 100%;
    height: 100%;
    transition: all 0.2s;
}

#advertisebox:hover img {
    transform: scale(1.06);
}

.showNavthree a {
    cursor: pointer;
    font-weight: bold;
}

.showNavthree a#lianjie {
    border-bottom: solid 2px #000;
}

#hang{
    background-color: blue;
    width: 100%;
    height:111px;
}
#Homepage-1{
    margin-top: 20px;
    font-size: 14px;
    color: #b9b9b9;
    margin-left: 30px;
    font-weight: 600;
}
#Homepage-1>a{
    color: #b9b9b9;
    text-decoration: none;
}
#Homepage-1>a:hover{
    color: #4298fe;
}
.centre-box{
    width: 100%;
    height: 700px;
    margin-top: 30px;
    overflow: hidden;
    display: flex;
}
.centre-box>:first-child{
    width: 170px;
    height: 700px;
    background-color: #fff;
    border-radius: 20px;
    margin-left: 20px;
}
#aeddrs{
    height: 700px;
    width: 980px;
    background-color:#fff;
    margin-left: 10px;
    border-radius: 20px;
    overflow: hidden;
}
.centre-boxson1{
    width:980px;
    height:238px;
    display: flex;
}
.centre-boxson1>:first-child{
    width: 378px;
    height: 238px;
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
}
.centre-boxson1>:last-child{
    width: 590px;
    height: 110px;
    border-radius: 20px;
    margin-left: 10px;
    background-color: #fff;
    display: flex;
    overflow: hidden;
}
#sidebar-box{
    margin-top:20px;
    margin-left: 37px;
}
#sidebar-box>div>a{
    text-decoration: none;
    color: #000;
    font-size: 14px;
}
#sidebar-box>div{
    margin-top: 10px;
}
#sidebar-box>p{
    font-size: 25px;
}
#Profile-photo{
    width: 378px;
    height: 118px;
    overflow: hidden;
}
#Profile-photo>img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-top: 55px;
    margin-left: 40px;
}
#Profile-photo>a{
    position: absolute;
    margin-left: 10px;
    margin-top: 50px;
}
#Profile-photo>button{
    margin-left: 10px;
    width: 100px;
    height: 25px;
    background-color: #000;
    cursor: pointer;
    color: #fff;
    border-radius: 20px;
}
#coupons-Collect>:nth-child(2){
    margin-top: 20px;
    width:278px ;
    color: #4298fe;
}
#coupons-Collect>:nth-child(3){
    font-size: 14px;
    width:278px ;
}
#dan{
    font-size: 25px;
    margin-left: 40px;
    margin-top: 37px;
}
#connectss{
    display: flex;
    font-size: 14px;
}
#connectss>div{
    margin-left:53px;
    text-align: center;
    margin-top: 20px;
    cursor: pointer;
}
.Collect-1{
    width:980px;
    height: 440px;
    background-color: #fff;
    border-radius: 20px;
    margin-top: 20px;
    overflow: hidden;
}
.Collect-1>:first-child{
    margin-left: 35px;
    width:910px;
    height: 100px;
    border-bottom:solid 1px #bebebe;
    display: flex;
    font-size: 27px;
}
.Collect-1>:first-child>button{
    width: 100px;
    height: 25px;
    background-color: #000;
    color: #fff;
    cursor: pointer;
    border-radius: 20px;
    margin-left:670px;
    margin-top: 40px;
    text-align: center;
}
.Collect-1son{
    display: flex;
    width: 100%;
    height: 340px;
}
.Collect-1son>div{
    width: 280px;
    height: 340px;
    margin-left: 20px;
}
#masg{
    display: flex;
    color: #fff;
    margin-top: 30px;
}
#masg>div{
    border-radius:20px;
    background-color: #4298fe;
    font-size: 12px;
    width: 40px;
    height: 20px;
    text-align: center;
    padding-top: 5px;
    margin-left: 10px;
}
.Collect-1son>div>img{
    margin-top: 50px;
    margin-left: 80px;
    cursor: pointer;
}
#namz{
    margin-top: 50px;
    width: 280px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
}
#monez{
    margin-top: 20px;
    color: #004098;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
}
.navigation-bar{
    width: 900px;
    height: 90px;
    margin-left: 30px;
    display: flex;
    border-bottom: solid 1px #ccc;
}
#writings{
    font-size: 17px;
    width: 53px;
    height: 58px;
    text-align: center;
    padding-top: 32px;
    margin-left: 72px;
    color: #a9a093;
}
#nulls{
    width:78px;
    height: 20px;
    margin-left: 5px;
    margin-top: 35px;
    border-right: solid 2px #e6e6e6;
}
.appraise-box{
    width: 900px;
    height:80px;
    margin-left: 40px;
    display:flex;
    border-bottom: solid 2px #e6e6e6;
}
.appraise1{
    width: 100px;
    height: 80px;
    text-align: center;
}
.appraise1>div{
    width: 70px;
    height: 50px;
    text-align: center;
    padding-top: 30px;
    font-size: 17px;
    cursor: pointer;
}
.appraise1>div:hover{
    color: #4298fe;
}
.appraise2{
    text-align: center;
    margin-top:200px;
}
.BOX2{
    width:100%;
    height:495px;
    border-bottom: solid 1px #d9d9d9;
    background-color: #ffffff;
    margin-top: 80px;
}
.BOX3{
    float: left;
    width: 754px;
    height: 182px;
}
.BOX4{
    float: left;
    width: 385px;
    height: 197px;
}
.BOX4>img{
    margin-top: 58px;
    margin-left:109px;
}
.BOX4>p{
    font-size: 15px;
    margin-top: 15px;
    margin-left: 140px;
}
.BOX5{
    float: left;
    width: 369px;
    height: 197px;
}
.BOX5>img{
    margin-top: 58px;
    margin-left: 40px;
}
.BOX5>p{
    margin-top: 15px;
    margin-left:77px;
    width: 279px;
}
.BOX7{
    float: left;
    display: flex;
    margin-top: 15px;
    width: 392px;
    height:297px;
    border-right: solid 1px #d9d9d9;
}
.BOX7>div{
    width:90px;
    height:175px;
    margin-left: 102px;
}
.BOX7>:first-child>p>a:link{
    font-size: 12px;
    text-decoration: none;
}
.BOX7>div>p{
    margin-top: 10px;
    color: #000;
}
.BOX7>:first-child>p>a:hover{
    color: #0000FF;
    text-decoration:underline;
}
.BOX7>:last-child>p>a:link{
    font-size: 12px;
    text-decoration:none;
}
.BOX7>div>p>a{
    color: #000;
}
.BOX7>:last-child>p>a:hover{
    color: #0000FF;
    text-decoration:underline;
}
.BOX8{
    float: left;
    display: flex;
    margin-top: 15px;
    width: 361px;
    height:297px;
    border-right: solid 1px #d9d9d9;
}
.BOX8>div{
    width:100px;
    height:175px;
    margin-left: 102px;
}
.BOX8>div>p>a{
    color: #000;
}
.BOX8>:first-child>p>a:link{
    font-size: 12px;
    text-decoration: none;
}
.BOX8>div>p{
    margin-top: 10px;
}
.BOX8>:first-child>p>a:hover{
    color: #0000FF;
    text-decoration:underline;

}
.BOX8>:last-child>p>a:link{

    font-size: 12px;
    text-decoration:none;
}
.BOX8>:last-child>p>a:hover{
    color: #0000FF;
    text-decoration:underline;

}
.BOX9{
    float: right;
    width: 436px;
    height: 494px;

}
.BOX10{
    width: 436px;
    height: 259px;
}
.BOX11{
    margin-left: 93px;
    width: 72%;
    height: 140px;
    border-bottom: solid 1px #d9d9d9;
}
.BOX11>img{
    margin-top: 58px;
    margin-right: 20px;
    margin-bottom: -20px;
}
.BOX12{
    margin-left: 93px;
    width: 72%;
    height: 119px;
    border-bottom: solid 1px #d9d9d9;
}
.BOX12>img{
    margin-top:35px;
}
.BOX12>div{
    float: right;
    margin-right: 40px;
    margin-top:30px ;
}
.BOX13{
    width: 436px;
    height: 235px;
}
.BOX13>img{
    float: right;
    margin-top: -30px;
}
.BOX13>div{
    font-size: 17px;
    padding-top:60px;
    padding-left: 100px;
}
.BOX13:last-child>div>p{
    margin-top:-50px;
    font-size: 14px;
}
.BottomBox{
    width:100%;
    height: 100px;
    background-color: #ffffff;
    overflow: hidden;
}
.BottomBox>:first-child{
    margin-top: 20px;
}
.BottomBox>div{
    display: flex;
    font-size: 12px;
}
.BottomBox>div>img{
    margin-top: 20px;

}
.BottomBox>:nth-child(2)>p{
    height:20px;
    margin-top: 20px;
}
#baobox{
    width:100%;
    height: 530px;
}
#baobox>:first-child{
    margin: 0 auto;
    width: 1200px;
}
.baozi{
    width: 100%;
}
.baozi>:first-child{
    width: 1200px;
    margin: 0 auto;
}
.appraisesen{
    width: 900px;
    height:100px;
    background-color: #f7f7f7;
    border-radius: 20px;
    margin-top: 20px;
    margin-left: 40px;
    display: flex;
    overflow: hidden;
}
.appraisesen>img{
    margin-top: 15px;
    margin-left: 20px;
}
.appraisesen>div{
    margin-top: 20px;
    margin-left: 10px;
}
.appraisesen>div>:nth-child(2){
    margin-top: 10px;
    color: #6f7174;
}
.appraisesen>p{
    margin-top: 37px;
    margin-left: 300px;
    color: #004098;
}
.appraisesen>button{
    width: 100px;
    height: 30px;
    background-color: #000;
    border-radius: 30px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    margin-top: 35px;
    margin-left: 80px;
}
.appra{
    width: 900px;
    height:100px;
    background-color: #f7f7f7;
    border-radius: 20px;
    margin-top: 20px;
    margin-left: 40px;
    display: flex;
    overflow: hidden;
}
.appra>img{
    margin-top: 15px;
    margin-left: 20px;
}
.appra>div{
    margin-top: 20px;
    margin-left: 10px;
}
.appra>div>:nth-child(2){
    margin-top: 10px;
    color: #6f7174;
}
.appra>p{
    margin-top: 37px;
    margin-left: 300px;
    color: #004098;
}
.appra>button{
    width: 100px;
    height: 30px;
    background-color: #000;
    border-radius: 30px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    margin-top: 35px;
    margin-left: 80px;
}